<!doctype html>
<!--[if lt IE 7]> <html class="ie6 oldie"> <![endif]-->
<!--[if IE 7]>    <html class="ie7 oldie"> <![endif]-->
<!--[if IE 8]>    <html class="ie8 oldie"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Untitled Document</title>
<link href="css/boilerplate.css" rel="stylesheet" type="text/css">
<link href="css/layout.css" rel="stylesheet" type="text/css">
<link href="css/typo.css" rel="stylesheet" type="text/css" media="screen,projection">
<style> 
@font-face
{
font-family: myFirstFont;
src: url(Museo100.woff);
}
@font-face
{
font-family: mySecFont;
src: url(Museo700.woff);
}
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script type="text/javascript">//<![CDATA[ 
$(window).load(function(){
    $('.youtube').click(function(){
        video = '<iframe height="100%" width="100%" src="'+ $(this).attr('data-video') +'" frameborder="0" allowfullscreen></iframe>';
        $(this).replaceWith(video);
    });
});//]]>  

</script>
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="css/respond.min.js"></script>
</head>
<body background="images/bg.png">
<div class="gridContainer clearfix">
  <div id="film-project" class="back-link">
    <br><br>
    <a href="index.htm">« The Film Project
  </a></div>
  <div id="Title" class="titlu-articol">TIKKA: NOT YOUR AVERAGE  DOG</div>
  <div id="Author" class="author">Jonathan Hayes</div>
  <div id="Video" class="video"><a href="#"><img class="youtube" src="images/tikka-vidpic.png" data-video="http://www.youtube.com/embed/B6PujrR1qMM?autoplay=1"></a>
    </div>
  <div id="about" class="about">About the Filmmaker</div>
  <div id="profile"><img src="images/tikka-author-pic.png" alt="Tikka Author" width="130"></div>
  <div id="about-body" class="article-body">Producing Tikka Not Your Average Dog was anything but an individual 
    effort. Jonathan teamed up with Misha Mazor and Sean Brown to tell this interesting story. The three
    filmmakers work in Atlanta GA where they collectively write, produce and edit commercials and
  documentaries for North Avenue Post and Productions.</div>
  <div id="divider1" class="divider"></div>
  <div id="quiz" class="quiz-head">How Do You Feel?</div>
  <div id="inspired" class="quiz-body">
      <p><a href="#"><img src="images/inspired.png" alt="Inspired" height="80" width="80"></a></p>
    <p>Inspired</p></div>
  <div id="touched" class="quiz-body">
    <p><a href="#"><img src="images/touched.png" alt="touched" height="80" width="80"></a></p>
    <p>Touched</p></div>
  <div id="happy" class="quiz-body">
    <p><a href="#"><img src="images/happy.png" alt="Happy" height="80" width="80"></a></p>
    <p>Happy</p></div>
<div id="divider2" class="divider"></div>
  <div id="share" class="quiz-head">Share Video</div>
   <div id="social"><a href="www.facebook.com"><img src="images/facebook.png" alt="Facebook" class="social" height="45" width="45"></a><a href="www.twitter.com"><img src="images/twitter.png" alt="Twitter" class="social" height="45" width="45"></a><a href="www.pinterest.com"><img src="images/pinterest.png" alt="Pinterest" class="social" height="45" width="45"></a><a href="www.plus.google.com"><img src="images/plus.png" alt="Google Plus" class="social" height="45" width="45"></a></div>
</body>
</html>